@charset "utf-8";
html,body{
	padding: 0;
	margin: 0;
	background: transparent;
}
ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
li,a {
	position: relative;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}
.absolute{
	position: absolute;
	background: #fff;
	box-shadow: 0 0 10px #ccc;
}
.left{
	width: 400px;
	height: 530px;
	top: 0;
	left: 0;
	background:#fff url(../img/bg.png) no-repeat top center;
	background-size: 100% auto;
}
.left>.uinfo{
	width: 145px;
	height: 212px;
	background-color: #fff;
	position: absolute;
	top: -90px;bottom: 0;
	left: 0;right: 0;
	margin: auto;
}
.left>.uinfo>p{
	text-align: center;
	font-size: 13px;
	margin: 0;
}
.left>.uinfo>.name{
	color: #FE7300;
	font-size: 18px;
	padding: 8px 0;
}
.left>.tip{
	width: 100%;
	position: absolute;
	bottom: 100px;
	left: 0;
}
.left>.tip>.am-u-sm-4{
	text-align: center;
}
.left>.tip>.am-u-sm-4>p{
	margin: 0;
	font-size: 14px;
}
.left>.tip>.am-u-sm-4>.n{
	font: normal bold 22px/22px "微软雅黑";
}
.left>.edit{
	width: 100%;
	position: absolute;
	bottom: 30px;
	left: 0;
}
.left>.edit>a{
	display: block;
	border: 1px solid #E5E5E5;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	padding: 6px 0;
	font-size: 12px;
}



.right{
	width: 800px;
	height: 530px;
	top: 0;
	left: 415px;
}
.right .tabs-t{
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #E6E6E6;
}
.right .tabs-t>li{
	float: left;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	font-size: 14px;
	position: relative;
	cursor: pointer;
}
.right .tabs-t>li.active:before{
	content: "";
	width: 80%;
	height: 3px;
	background-color: #337BF3;
	position: absolute;
	bottom: 0;
	left: 10%;
}
.right .tabs-c>li{
	display: none;
	height: 466px;
	overflow: hidden;
	padding: 20px 10px;
}
.right .tabs-c>li.active{
	display: block;
}
